@charset "utf-8";
/* html {background:white;color:black;} */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li,pre, fieldset, lengend, button, input, textarea, th, td,form { margin: 0; padding: 0;}
body,button, input, select, textarea {font: 14px/1.5 "\5FAE\8F6F\96C5\9ED1",Arial,"5b8b\4f53",sans-serif; }
body{background-color:#F6F6F6;color:#333;}
h1 { font-size: 18px;}
h2 { font-size: 16px;}
h3 { font-size: 14px;}
h4,h5,h6 { font-size: 100%; }
i,em{font-style: normal;}
small { font-size: 12px; }
ul,ol { list-style: none; }
a {color:#1C8DFF;text-decoration: none; }
a:hover {color:#1A8EFF; text-decoration: none; }
a:focus,*:focus {outline:none;}
button,input,select,textarea,label {font-size: 100%;vertical-align:middle}
table {border-collapse: collapse;border-spacing: 0;}
hr {border: none;height: 1px;}
img,a img{border:0;}


.fr{float:right;}
.fl{float:left;}
.hide {display:none;}
.block {display:block;}
.red{color:red;}
.blue{color:blue;}
.green{color:green;}
.clear{display:block; clear:both;height:0;overflow:hidden;}
.m20{margin:20px 0;}
.m10{margin:5px 0}
.m15{margin:15px 0}
.mt15{margin-top:15px}
.mt10{margin:10px 0;}
.f12{color:#999;font-size:10px;}
.mr_t10{margin-top:-10px;}
.m50{margin-top:50px;margin-bottom:50px;}
.shadow{box-shadow:2px 6px 5px #E9E9E9;}

.w100{width:100%;position:overflow:hidden;}
.bgwhite{background-color:white;}
.content{position: relative;  text-align: center;  }

.box{width:1200px;margin:0 auto;overflow:hidden;position:relative;}

.hd{height:120px;}
.hd .h-logo{width:36%;float:left;}
.hd .h-logo a{display:block;width:410px;height:120px; background:url(../Images/logo.png) no-repeat;background-size: 80%;margin-top: 15px;}
.hd .h-nav{width:48%;float:left;margin-top:30px;}
.hd .h-nav li{float:left;/*width:14%;*/margin:0 3.5%;height:40px;line-height:40px;overflow:hidden;text-align:center;}
.hd .h-nav li a{font-size:18px;color:#5E5E5E; }
.hd .h-nav li:hover,
.hd .h-nav li.on{ border-bottom:3px solid #0083F1;}
.hd .h-nav li:hover a,
.hd .h-nav li.on a{color:#0083F1;text-decoration:none; }

.hd .h-search{width:150px; height:34px; overflow:hidden; float:left;margin-top:35px;}
.hd .h-search .searBG{width:135px;padding:4px 0 6px 15px;height:24px; background:url(../Images/h-searchbg.png) no-repeat 0 0;}
.hd .h-search .ipt{width:90px; border:0; height:20px; color:#5E5E5E;}
.hd .h-search .btn{width:24px;height:24px;font-size:0;text-indent:-9999em;cursor:pointer; border:0;background:url(../Images/h-searchbg.png) no-repeat -151px -6px;}


.pos{padding:20px 0 55px; border-top:1px solid #E9E9E9; background:#fff url('../Images/bgpos.png') repeat-x 0 bottom;color:#666;}
.pos a{color:#666;}
.pos a:hover{color:#1A8EFF;}

.main{min-height:400px; }

/* title bg */
.bgtitle{width:100%;height:42px;line-height:42px; margin-bottom:6px;background-image:url(../Images/bgtitle.png);background-repeat:no-repeat; overflow:hidden;clear:both;text-align:right;}
.bgtitle .fr{margin-top:5px;}

.tit_like{background-position:0 0; }
.tit_log{background-position:0 -42px;}
.tit_about{background-position:0 -84px;}
.tit_soft{background-position:0 -126px;}
.tit_part{background-position:0 -168px;}
.tit_link{background-position:0 -210px;}
.tit_edit{background-position:0 -252px;}
.tit_hot{background-position:0 -294px;}
.tit_jc{background-position:0 -336px;}
.tit_comment{background-position:0 -378px;}
.tit_faq{background-position:0 -420px;}
.tit_czxt{background-position:0 -504px;}
.tit_system{background-position:0 -462px;}


/*	article page & list page	*/

.art-main,.art-side{float:left; overflow:hidden; }
.art-main{width:67%;padding-right:3%;}
.art-side{width:30%;margin-bottom:20px;}

.art-page{width:94%;padding:3%; background:#fff; min-height:600px;box-shadow:2px 6px 5px #E9E9E9;margin-bottom:20px;}


/* article */
.artinfo{float:left;width:100%;height:95px;border-bottom:1px solid #ddd;}
.artinfo dt{height:40px;line-height:40px;margin:0 0 5px;overflow:hidden;}
.artinfo dt h1{font-size:22px;font-weight:normal;text-align:center;}
.artinfo dd{font-size:13px;color:#999;line-height:150%;}
.artinfo dd span.infos{float:left;margin:3px 20px 0 200px;color:#999;line-height:150%}

.artcontent{width:90%;margin:auto;padding: 20px 0;  line-height:180%;font-size:14px;color: #555; }
.artcontent img{ max-width: 680px; _width:expression(this.width >680 ? 680 : true);
height: auto; margin-bottom: 5px; text-indent: 0em!important; margin: 0 auto; }
.artcontent p{display:block;clear:both;/* text-indent:2em; */margin-bottom:20px;}
/* .artcontent p img{margin-left:-2em}   */
.artcontent a{color: #1A8EFF;}

.artcontent .tags{color:#999;margin-top:20px;height:36px;line-height:36px;overflow:hidden;}
.artcontent .tags a{margin:0 5px;}

.art_next{width:100%;height:45px;line-height:45px;overflow:hidden;clear:both; border-top:1px solid #ddd;}
.art_next span{float:left;display:block;width:50%;height:45px;line-height:45px;color:#999;}
.art_next span.next{text-align:left;}
.art_next span.pre{text-align:right;}


/* list top banner */
.artbanner{height:465px; background:url(../Images/bgartbanner.png) no-repeat 50% 50%; overflow:hidden;}
.artdown{width:36%;float:right;}
.artdown .downtext {width:100%;padding:50px 0 40px;font-size:18px;color:#fff;clear:both;}
.artdown .downtext strong{font-size:38px;color:#fff;display:block;padding-bottom:5px; }
.artdown .downtext span{display:block;padding:3px 0;}

.artdown .downlink{width:100%; color:#fff;}
.artdown .downlink span{display:block;margin-bottom:10px;}

.artdown .downlink a{font-size:15px;color:#fff; margin-right:5px;}

.artdown .downlink .clickdown{width:100%;height:90px; clear:both;}
.artdown .downlink .clickdown a{float:left;width:183px;height:60px;margin-right:30px;background:url(../Images/bgdown-btn.png) no-repeat;overflow:hidden;text-indent:-9999em;}
.artdown .downlink .clickdown a.d1{background-position:0 0;}
.artdown .downlink .clickdown a.d2{background-position:0 -60px;}

/* list top banner zhanshiye*/
.artbanner{height:465px; background:url(../Images/bgartbanner.jpg) no-repeat 50% 50%; overflow:hidden;}
.artdown1{width:65%;float:right;}
.artdown1 .downtext {width:100%;padding:250px 0 5px;font-size:14px;color:#fff;clear:both;}
.artdown1 .downtext strong{font-size:25px;color:#fff;display:block;padding-bottom:5px; }
.artdown1 .downtext span{display:block;padding:3px 0;}

.artdown1 .downlink{width:100%; color:#fff;}
.artdown1 .downlink span{display:block;margin-bottom:10px;}

.artdown1 .downlink a{font-size:15px;color:#fff; margin-right:5px;}

.artdown1 .downlink .clickdown{width:100%;height:90px; clear:both;}
.artdown1 .downlink .clickdown a{float:left;width:183px;height:60px;margin-right:30px;background:url(../Images/bgdown-btn.png) no-repeat;overflow:hidden;text-indent:-9999em;}
.artdown1 .downlink .clickdown a.d1{background-position:0 0;}
.artdown1 .downlink .clickdown a.d2{background-position:0 -60px;}

/* art list */
.art-item{width:96%;padding:3% 2%; border-bottom:1px solid #ddd;overflow:hidden;position:relative;clear:both;}
.art-item dt{float:left;width:31%;overflow:hidden;}
.art-item dt img{width:195px;height:135px;}

.art-item dd{float:left;width:68%;color:#999; }
.art-item dd .tit{display:block;font-size:16px;}
.art-item dd .tit a{color:#4FA7FF;}
.art-item dd .tit a:hover{color:#1A8EFF;}
.art-item dd .item_intro {line-height:150%;padding:10px 0;}
.art-item dd .item_date {float:left; text-indent:2em; margin-right:30px;background:url(../Images/bgsmallitem.png) no-repeat left 0;}
.art-item dd .item_tag {float:left;text-indent:2em; background:url(../Images/bgsmallitem.png) no-repeat left -20px;}
.art-item dd .item_tag a{margin-right:10px;font-size:12px;color:#999;}



 /* like */
.art-like{width:100%;margin:20px 0; overflow:hidden;position:relative;}
.art-like ul.soft{width:94%;padding:2%;margin:15px auto;overflow:hidden;background:#fff;}
.art-like ul.soft li{float:left;width:14.285%; height:110px;margin-bottom:10px;overflow:hidden; text-align:center;}
.art-like ul.soft li img{width:75px;height:75px;display:block;margin:5px auto;}
.art-like ul.soft li a{color:#555;font-size:14px;}

.art-like ul.list{width:98%; margin:15px auto;padding:15px 0;overflow:hidden;background:#fff;}
.art-like ul.list li{float:left;width:90%; padding:0 4% 0; text-indent:1em; height:33px;line-height:33px;overflow:hidden;}
.art-like ul.list li.line{border-left:1px solid #ddd;}
.art-like ul.list li a{color:#555;font-size:14px;}
.art-like ul.list li a:hover{ color:#1A8EFF;text-decoration:none;}
.art-like ul.list li time{font-style: normal; float: right; margin-left: 50px; color: #999;}
.art-like ul.list li i{width: 6px; height: 6px; border-radius: 50%; background: #1C9CFF; color: #1C9CFF; display: inline-block; float: left; margin-top: 14px;}
/* comment */
.art-comment{width:100%; padding:10px 0;margin:20px 0; overflow:hidden;position:relative;clear:both;}
.art-comment-con{width:94%;padding:2%;margin:15px auto;overflow:hidden;background:#fff;min-height:260px;}


/* edit */
.side-edit{width:99%;margin:20px 0 30px; overflow:hidden;position:relative;}
.side-edit ul.soft{width:84%;padding:7%; margin:15px auto;overflow:hidden;background:#fff; }
.side-edit ul.soft li{float:left;width:32.3%; padding:0 0.5% 1%; height:110px;margin:0 0 15px; border-bottom:1px solid #ddd;overflow:hidden; text-align:center;}
.side-edit ul.soft li img{width:75px;height:75px;display:block;margin:5px auto;}
.side-edit ul.soft li a{color:#555;font-size:13px;line-height: 24px;}

.side-edit .tpic{width:95%;padding:15px 2.5% 20px;margin:0 auto;color:#999;font-size:12px;clear:both;overflow:hidden;background:#fff;border-bottom:1px solid #eee;}
.side-edit .tpic img{width:100%;height:135px;}
.side-edit .tpic p{width:90%;margin:auto;}
.side-edit .tpic p a{display:block;margin:5px 0;font-size:14px;color:#333;}
.side-edit .tpic p a:hover{ color:#1A8EFF;}

.side-edit ul.list{width:84%;padding:5px 8%;overflow:hidden;background:#fff;  margin-bottom:10px;}
.side-edit ul.list li{border-left:4px solid #dedede; margin:15px 0;height:16px;line-height:16px; overflow:hidden;text-indent:1em;}
.side-edit ul.list li a{color:#555;font-size:14px;}
.side-edit ul.list li a:hover{ color:#1A8EFF;text-decoration:none;}



/* soft article */
.art-page .downsoft{float:left;width:100%;height:105px;border-bottom:1px solid #ddd;}
.art-page .downsoft dt{float:left;width:14%;margin-top:3px;}
.art-page .downsoft dt img{width:75px;height:75px;border:1px solid #ddd; border-radius:11px;}
.art-page .downsoft dd{float:left; width:86%; font-size:14px;color:#999;line-height:150%}
.art-page .downsoft dd .d-left{float:left;width:77%;}
.art-page .downsoft dd .d-right{float:right;width:22%;text-align:right;}
.art-page .downsoft dd .d-left h1{color:#333;font-size:16px;font-weight:normal;display:block;margin-bottom:5px;}
.art-page .downsoft dd .d-left ul{width:100%;display:block;}
.art-page .downsoft dd .d-left ul li{float:left;width:40%;height:30px;line-height:30px;overflow:hidden;font-size:15px;}
.art-page .downsoft dd .d-left ul li.w2{width:60%;}
.art-page .downsoft dd .d-right .godown{float:right;margin:10px 23px 15px 0;width:125px;height:33px;line-height:33px;background:#1A8EFF;color:#fff;text-align:center;border-radius:5px;}
.art-page .downsoft dd .d-right .godown:hover{text-decoration:none;background:#67CB1A;}

.downurl-list{float:left;width:100%;padding:20px 0;margin-bottom:10px;border-top:1px solid #ddd;overflow:hidden;clear:both;}
.downurl-list ul{width:90%;margin:auto;overflow:hidden;}
.downurl-list ul li{float:left;width:18%; padding:1.5% 3.5%; height:33px;line-height:33px;text-align:center;}
.downurl-list ul li a{display:block;  background:#1A8EFF;color:#fff;text-align:center;border-radius:5px;}
.downurl-list ul li a:hover{text-decoration:none;background:#67CB1A;}


/* soft list */

.list-side,.list-soft{float:left; overflow:hidden;background:#fff;  box-shadow:2px 6px 5px #E9E9E9;margin-bottom:20px;}
.list-side{width:18%;padding:1.5% 0;}
.list-soft{width:73%;padding:1% 3% 3%;margin-left:3%;}

.list-side ul{width:70%;margin:auto;overflow:hidden;}
.list-side ul li{height:36px;line-height:36px; margin:10px 0;overflow:hidden; text-align:center;  }
.list-side ul li a{display:block;font-size:15px;color:#666}
.list-side ul li a.on,
.list-side ul li a:hover{background:#1A8EFF;color:#fff;text-decoration:none;}

.list-soft dl{float:left;width:45%;margin:3% 4% 0 1%;height:91px;border-bottom:1px solid #ddd;}
.list-soft dl dt{float:left;width:20%;padding-right:1.5%;}
.list-soft dl dt img{width:75px;height:75px;}
.list-soft dl dd{float:left;width:78%;font-size:12px;color:#999;line-height:150%}
.list-soft dl dd .newdate{display:block; }
.list-soft dl dd a{display:block;font-size:15px; font-weight:600;margin-bottom:4px;color:#4FA7FF}
.list-soft dl dd a:hover{color:#1A8EFF}




/* page  */
.s_page { width: 96%;padding:0 2%;height:33px;line-height:33px;  margin: 30px auto; text-align: center; clear:both;overflow:hidden;}
.s_page li,.s_page ul{margin:0px; padding:0px;}
.s_page li{float:left;}
.s_page li.thisclass{ color: #fff; background:#1A8EFF; border: 1px solid #dedede;text-decoration:none; padding:3px 8px; font-size:13px;line-height: 24px;}
.s_page a { color: #666; background: #fff; border: 1px solid #dedede;   padding:3px 8px; font-size:13px;}
.s_page a:hover { color: #fff; background:#1A8EFF; border: 1px solid #dedede;text-decoration:none; }
.s_page span { width: auto; margin: 0px 5px; }
.s_page b{color:#fff;border: 1px solid #dedede;  padding:3px 8px;  background:#1A8EFF;color:#fff;font-weight:normal;}
.s_page a b{color:#666; border:none; background:none;padding:0;font-weight:normal;}
.s_page a:hover b{ background-color:none;color:#fff;}


/* ad */
.ad{width:100%;overflow:hidden;position:relative;clear:both;}
.ad img{width:100%;}
.ad_top{margin:0 0 20px;height:100px;}
.ad_toplm{	border: 1px solid #d4d4d4;width: 770px;line-height: 25px;padding: 10px 20px 10px 10px;color: #959595;text-align: center;}
.sub-nav-item {font-size: 14px;display: inline-block;padding: 0 25px;text-align: left;line-height: 30px; color: #333; text-decoration: none;  }
.sub-nav-item1 {font-size: 14px;display: inline-block;padding: 0 20px;text-align: left;line-height: 30px; color: #333; text-decoration: none;  }
.pos_right{float: left;position：relative；margin-left: 60px;margin-top: 6px;width: 50px;top: 40px; font-size: 23px; font-weight: bold;}
.pos_right1{float: left;position：relative；margin-left: 60px;margin-top: 18px;width: 10px;top: 40px;font-size: 36px;}
a:hover {color: #358ff0;}
.ad_top img{height:100px;}
.ad_win7{	border: 1px solid #d4d4d4;	width: 760px;	line-height: 20px;	padding: 15px 20px;  color: #959595;}
.ad_win7 img{height:100px;}
.ad_bottom{margin:20px 0;height:100px;}
.ad_bottom img{height:100px;}
.ad_side{margin:0 0 20px;height:293px;}
.ad_side img{height:293px;}



/* 404 */
.main .error{width:100%;padding:500px 0 50px;background:url(../Images/bgerror.png) no-repeat 50% 100px;text-align:center; color:#29AAE3;}
.main .error span{display:block;font-size:16px;margin:5px 0;}
.main .error span.error-con{font-size:24px;}
.main .error span.error-home{font-size:24px;font-weight:800; margin:10px 0;}
.main .error a{color:#29AAE3;}

.errorlike{width:100%; padding-bottom:20px;background:#fff; overflow:hidden;}
.errorlike ul{float:left;width:31%; padding-right:2%;margin-top:20px;}
.errorlike ul.line{border-left:1px solid #ccc;border-right:1px solid #ccc;}
.errorlike ul li{display:block;height:35px;line-height:35px; text-indent:3em;overflow:hidden;}
.errorlike ul li a{color:#666;}
.errorlike ul li a:hover{color:#1A8EFF;}

/* log */
.loglist{width:90%; margin:15px auto;padding:4%;background:#fff; overflow:hidden;position:relative;  box-shadow:2px 6px 5px #E9E9E9;}
.loglist .logtime{float:left; width:18%; padding:0 5% 0 0; text-align:right;border-right:4px solid #1A8EFF;position:relative; }
.loglist .logtime .timeicon{position:absolute;top:0;right:-32px;width:60px;height:60px; background:url(../Images/bglogtime.png) no-repeat right 0;}
.loglist .logtime dl{width:100%;float:left;  }
.loglist .logtime dt{height:60px; line-height:60px; padding-bottom:30px;overflow:hidden;clear:both;cursor:pointer;}
.loglist .logtime dt strong{float:right;font-size:34px;color:#1A8EFF;}
.loglist .logtime dt i{float:right;width:13px;height:13px; margin:26px 0 0 30px;background:url(../Images/bglogtime-icon.png) no-repeat 0 -10px;}
.loglist .logtime dt i.c2{width:13px;height:10px;background-position:0 0;}

.loglist .logtime dd{display:none;width:100%;overflow:hidden;clear:both;}
.loglist .logtime dd.block{display:block;}
.loglist .logtime dd p{float:right;width:65%; padding:10px 10%;height:60px;overflow:hidden;clear:both;color:#1A8EFF;text-align:right;cursor:pointer;}
.loglist .logtime dd p strong{display:block;font-size:18px;color:#1A8EFF; }
.loglist .logtime dd p span{display:block;font-size:14px;color:#1A8EFF;}
.loglist .logtime dd p.action{background:#1A8EFF;color:#fff;}
.loglist .logtime dd p.action strong{color:#fff; }
.loglist .logtime dd p.action span{color:#fff;}

.loglist .logcon{ float:left;width:75%;overflow:hidden;position:relative;}
.loglist .logcon div.logcontent{display:none;padding:6% 5% 5% 8%;color:#1A8EFF;font-size:15px;line-height:180%}
.loglist .logcon div.block{display:block;}

/*	about 	*/

.about_box{width:98%; padding:30px 0;  margin:15px auto; background:#fff; background:#fff;position:relative;overflow:hidden; box-shadow:2px 6px 5px #E9E9E9;}

.about_side{float:left;width:15%; background:#fff; padding:5% 2.5% 0; min-height:500px; border-right:1px solid #ddd;}
.about_side ul{width:90%;margin:auto;overflow:hidden;}
.about_side ul li{height:36px;line-height:36px; margin:10px 0;overflow:hidden; text-align:left;  }
.about_side ul li a{display:block;font-size:15px;text-indent:3em;color:#666}
.about_side ul li a.on,
.about_side ul li a:hover{background:#1A8EFF;color:#fff;text-decoration:none;}

.about_con{float:left;width:69.5%; padding:5% 5% 0;min-height:500px;}
.about_con h1.title{height:50px;line-height:50px; margin:0 0 20px; font-size:28px;clear:both;text-align:center;color:#1A8EFF;}
.about_content{width:800px;line-height:190%;font-size:15px;}
.about_content img{max-width:99%;}
.about_content p{text-indent:2em;margin-bottom:15px;}
.about_content p img{margin-left:-2em;}
.about_content a{text-decoration:underline;}


/* guanjia page */
.gj-p1{height:850px; background:#108AD7 url(../Images/p1_pic1.png) no-repeat center bottom;}
.gj-p1 .slogan-1 {font-size: 60px; font-weight: 300;  margin: 100px 0 0; color: #fff;}
.gj-p1 .slogan-2 {font-size: 24px; font-weight: 300;  margin: 10px 0 60px; color: #fff;}

.gj-p1  .download {
    font-size: 26px;
    width: 373px;
    color: #1EA0F2;
    background-color: #fff;
    border: none;
}
.gj-p1  .download:hover{color:#fff;background-color:#61C900;border:1px solid #61C900;text-decoration:none;}
.gj-p1 .qh-btn {
    display: inline-block;
    padding: 20px 18px;
    font-size: 26px;
    line-height: 22px;
    border: 1px solid;
    border-radius: 5px;
    text-align: center;
    cursor: pointer;
    transition: all .5s;
}
.gj-p2{height:340px; padding-top:200px;background:#fff url(../Images/p1_pic2.png) no-repeat center top;}
.gj-p2 h2{font-size: 42px; font-weight: 300;color:#62B2FF;text-align:center;}
.gj-p2 ul{width:900px;margin:0 auto;overflow:hidden;}
.gj-p2 ul li{float:left;width:25%;margin-top:60px;text-align:center; }
.gj-p2 ul li i{float:left;clear:both;width:120px;height:80px;margin: 0 0 30px 50px;background-image:url(../Images/icon-p2.png);background-repeat:no-repeat; overflow:hidden;}
.gj-p2 ul li i.i1{background-position:0 0;}
.gj-p2 ul li i.i2{background-position:-120px 0;}
.gj-p2 ul li i.i3{background-position:-240px 0;}
.gj-p2 ul li i.i4{background-position:-360px 0;}
.gj-p2 ul li strong{clear:both;display:block; color:#666;font-size: 24px;font-weight:normal;}


.gj-p3{height:490px;padding-top:70px; background:#1EA0F2 url(../Images/p3.png) no-repeat center bottom;}
.gj-p3 h2{font-size: 42px; font-weight: 300;color:#fff;text-align:center;}

.gj-p4{height:556px; background:#1EA0F2 url(../Images/p4.png) no-repeat center bottom;}

.gj-link{margin-top:50px;margin-bottom:30px;overflow:visible;}
.gj-link ul{width:95.8%;float:left;padding:10px 2%;border:1px dashed #999;position:relative;}
.gj-link ul li{float:left;width:16.6%;text-align:center;}
.gj-link ul li img{width:180px;height:70px;}
.gj-link ul strong{color:#fff;background:#007AE2;height:26px;line-height:26px; padding:1px 15px;position:absolute;margin-top:-30px;}

.ft_border{padding-top:30px;margin-top:30px;border-top:10px solid #007BE3;overflow:hidden;}
.ft{color:#007BE3; clear:both; text-align:center;padding-bottom:50px;}
.ft .ft_info{padding:10px 0;}
.ft .ft_info a{margin:0 5px;}
.ft a{color:#007BE3; }
.ft p{line-height:200% }






/* show page banner */
.showbanner{height:465px; background:url(../Images/bgshowbanner.jpg) no-repeat 50% 50%; overflow:hidden;}
.showdown{width:56%;margin-top:15%;float:right;}
.showdown .downtext {width:100%;padding:50px 0 15px;font-size:14px;color:#fff;clear:both;}
.showdown .downtext strong{font-size:18px;color:#fff;display:block;padding-bottom:5px;font-weight:normal;}
.showdown .downtext span{display:block;padding:3px 0;}
.showdown .downtext span a{color:#fff;}
.showdown .downlink{width:100%; color:#fff;}
.showdown .downlink a{font-size:15px;color:#fff; margin-right:5px;}
.showdown .downlink .clickdown{width:100%;height:80px; clear:both;}
.showdown .downlink .clickdown a{float:left;width:183px;height:60px;margin-right:30px;background:url(../Images/bgdown-btn.png) no-repeat;overflow:hidden;text-indent:-9999em;}
.showdown .downlink .clickdown a.d1{background-position:0 0;}
.showdown .downlink .clickdown a.d2{background-position:0 -60px;}


.show-p1{margin-top:160px;height:397px;background:url(../Images/bgshowp1.jpg) no-repeat 50% 50%;}
.show-p1 h3{position:absolute;left:640px;top:185px; font-size:32px;color:#fff;}
.show-p1 h4{position:absolute;left:640px;top:240px; font-size:16px;color:#fff;font-weight:normal}

.show-p2{margin-top:120px;height:399px;background:url(../Images/bgshowp2.jpg) no-repeat 50% 50%;}
.show-p2 h3{position:absolute;left:160px;top:175px; font-size:32px;color:#fff;}
.show-p2 h4{position:absolute;left:80px;top:240px; font-size:16px;color:#fff;font-weight:normal}

.show-p3{margin-top:160px;height:397px;background:url(../Images/bgshowp3.jpg) no-repeat 50% 50%;}
.show-p3 h3{position:absolute;left:640px;top:185px; font-size:32px;color:#fff;}
.show-p3 h4{position:absolute;left:640px;top:240px; font-size:16px;color:#fff;font-weight:normal}

.show-p4{margin-top:120px;height:399px;background:url(../Images/bgshowp4.jpg) no-repeat 50% 50%;}
.show-p4 h3{position:absolute;left:160px;top:175px; font-size:32px;color:#fff;}
.show-p4 h4{position:absolute;left:80px;top:230px; font-size:16px;color:#fff;font-weight:normal}


.show-intro dl{width:80%;margin:auto;overflow:hidden;color:gray}
.show-intro dl dt{width:100%;height:30px;text-align:center; border-bottom:1px solid #ddd;position:relative;}
.show-intro dl dt strong{position:absolute;top:50%;left:50%; background:#fff;width:130px;height:30px; font-size:22px; font-weight:normal;margin:0 0 0 -65px; }

.show-intro dl dd{display:block;padding:50px 0;line-height:230%;position:relative;overflow:hidden;clear:both;}
.show-intro dl dd .fl{width:77%;padding-left:2%;}
.show-intro dl dd .fr{width:20%;margin-top:20%;}
.show-intro pre{font-family:"\5FAE\8F6F\96C5\9ED1";}

.show-intro1 dl{width:80%;margin:auto;overflow:hidden;color:gray}
.show-intro1 dl dt{width:100%;height:30px;text-align:center; border-bottom:1px solid #ddd;position:relative;}
.show-intro1 dl dt strong{position:absolute;top:50%;left:50%; background:#fff;width:130px;height:30px; font-size:22px; font-weight:normal;margin:0 0 0 -65px; }



/* home page*/
.homeheader{height:680px;background:url(../Images/bghomeheader.jpg) no-repeat 50% 50%;}
.homeheader .hd .h-logo a{background:url(../Images/home-logo.png) no-repeat;background-size: 80%;margin-top: 16px;}
.homeheader .hd .h-nav li a{font-size:18px;color:#fff;  }

.homeheader .hd .h-nav li:hover,
.homeheader .hd .h-nav li.on{ border-bottom:3px solid #fff;}

.homeheader .hd .h-nav li:hover a,
.homeheader .hd .h-nav li.on a{color:#fff;text-decoration:none; }
.homeheader .hd .h-search .searBG{background-position:0 -34px;}
.homeheader  .hd .h-search .ipt{background-color: rgba(0, 121, 226, 0);color:#fff;}
.homeheader .hd .h-search .btn{background-position:-150px -40px;}

.homeheader .artdown{width:42%;float:right;}
.homeheader .artdown .downtext {padding:40px 0 30px;font-size:18px; }
.homeheader .artdown .downtext strong{font-size:42px; }
.homeheader .downlink span{display:block;margin-bottom:10px;}

 .home-system{border-bottom:1px solid #ddd;padding:50px 0;}
 .home-system ul{float:left;width:99%; padding:0 0.5%;overflow:hidden;}
 .home-system ul li{float:left;width:20%; padding:10px 1.5%;  margin:10px 0 10px 2.5%;height:350px;overflow:hidden; background:#fff;  box-shadow:2px 6px 5px #E9E9E9;  text-align:center;}
 .home-system ul li.ml0{margin-left:0.5%;}
 .home-system ul li a{font-size:18px;}
 .home-system ul li img{max-width:245px;max-height:155px;display:block;margin:5px auto 10px;}
 .home-system ul li .softtit{display:block;height:30px;line-height:30px; margin:5px 0;overflow:hidden; font-size:18px;font-weight:600;}
 .home-system ul li a:hover .softtit{color:#1CA9FF}
 .home-system ul li p{height:80px;text-indent:1em; line-height:180%;overflow:hidden; margin:5px 0 10px;font-size:14px;color:#999;text-align:left;}
 .home-system ul li  a.downbtn{display:block;padding:2px 10px; width:115px; margin:auto; height:30px;line-height:30px; background:#1A8EFF;color:#fff;text-align:center;border-radius:5px;font-size:14px;font-weight:normal;}
 .home-system ul li  a.downbtn:hover{background:#67cb1a;text-decoration:none;}
 .home-system  .fr{font-weight:normal;}


 .home-artlist .art-like{float:left;width:48%;}
 .home-artlist .art-like ul.list{width:97.8%;margin:15px 1%; padding:5% 0}
 .home-artlist .art-like ul.list a{color:#999;}
 .home-artlist .mr5{margin-right:3.5%;}
 .home-artlist  .fr{font-weight:normal;}


.tabbox  {position:absolute;width:100px;height:70px;margin-left:-50px;top:10px;right:0%; z-index:999;text-align:center;}
.tabbox  a {display:inline-block;width:8px;height:8px;background:#ddd; border-radius:8px;cursor:pointer;}
.tabbox  a.this {background:gray;}


 .home-softlist .art-like  {width:98%;margin:15px auto;background:#fff;}
 .home-softlist .art-like ul.soft{display:none;width:94%;padding:3%;margin:0 auto;}
 .home-softlist .art-like ul.block{display:block;}
 .home-softlist .art-like ul.soft li{ width:10%;}
 .home-softlist .art-like ul.soft li a:hover{color:#1CA9FF}
 .home-softlist  .fr{font-weight:normal;}

 .home-linkpic {margin-top:30px;}
 .home-linkpic .art-like  {width:98%;margin:15px auto;background:#fff;}
 .home-linkpic .art-like ul.soft{display:none;width:94%;padding:3%;margin:0 auto;}
 .home-linkpic .art-like ul.block{display: flex; justify-content: space-between;}
 .home-linkpic .art-like ul.soft li{width:10%; height:53px; }
 .home-linkpic .art-like ul.soft li img{width:90px;height:45px;display:inline; }


 .home-linktxt{margin-top:20px;margin-bottom:50px;}
 .home-linktxt .linkhide{width:98%;margin:15px auto; overflow:hidden;position:relative;}
 .home-linktxt .linkhide .linklist{width:94%;padding:2% 3%; position:relative; background:#fff; line-height:180%;}
 .home-linktxt .linkhide .linklist a{ font-size:13px;color:#999;border-right:1px solid #ccc;padding:0 10px 0 3px;margin-right:5px;}
 .home-linktxt .linkhide .linklist a:hover {color:#1A8EFF; text-decoration: none; }



 /* focus home & home.js */
.focusbox {width:1200px;height:650px; padding-top:30px;position:relative;}
.focusbox .lists {width:1100px; height:505px;overflow:hidden;margin:0 auto;position:relative;}
.focusbox li{padding-top:100px;position:absolute;top:0;left:0;list-style:none;opacity:0;transition:all 0.3s ease-out;}
.focusbox li .no{position:absolute;top:0;left:50%;width:100px; margin-left:-50px;text-align:center;font-size:60px;font-weight:800; color:#1A8EFF;font-family:arial;}
.focusbox li  img {width:580px;height:405px;border:none;float:left;}

.focusbox .p1  .no{left:30%;}
.focusbox .p3  .no{left:70%;}


.focusbox .p1 {
transform:translate3d(-110px,0,0) scale(0.81);
transform-origin:100% 50%;
-ms-transform:translate3d(-110px,0,0) scale(0.81);
opacity:0.8;
}
.focusbox .p2 {
transform:translate3d(260px,0,0) scale(1);
z-index:3;
opacity:1;
}
.focusbox .p3 {
transform:translate3d(520px,0,0) scale(0.81);
transform-origin:100% 50%;
opacity:0.8;
z-index:2;
}


.focusbox .btn {width:31px;height:54px; position:absolute;top:50%;margin-top:-27px; cursor:pointer;background:url(../Images/homefocus-gt.png) no-repeat;}
.focusbox .focusPrev {left:0;background-position:0 0;}
.focusbox .focusNext {right:0;background-position:0 -54px;}

.focusbox .buttons {position:absolute;width:100px;height:70px;bottom:20px;left:66%;margin-left:-50px; z-index:999;text-align:center;}
.focusbox .buttons a {display:inline-block;width:12px;height:5px;padding-top:4px;cursor:pointer;}
.focusbox .buttons span {display:block;width:8px;height:8px;background:#ddd; border-radius:8px;}
.focusbox .buttons span.blue {background:gray;}

.focusbox  .focus-art{width:430px; margin-left:-230px;height:60px; padding:50px 15px 15px;background:#fff url(../Images/home-focus-articon.png) no-repeat 20px top;position:absolute;top:500px;left:50%;z-index:998; }
.focusbox  .focus-art a{color:#666 }

 #back-to-top {
    position: fixed;
    bottom: 100px;
    height: 72px;
    right: 60px;
    width: 72px;
    background: url(../Images/r_top.png) no-repeat center center;
    background-color: #666666;
    display: none;
}

 a#back-to-top:hover {
    background-color: #444 !important;
}

.icon-chat {
    z-index: 9999;
    position: fixed;
    right: 1%;
    bottom: 223px;
}